body {
   margin:0 auto;
   padding:0;
   width:90%;
   color:#333;
   font-family: "Lucida Grande",Verdana,sans-serif;
   border:1px solid #333;
   background-color:#EEEEEE;
}
html, .main {
   padding:0;
   margin:0;
}
.clear {
   clear:both;
   padding:0;
   margin:0;
   width:100%;
   font-size:0;
   line-height:0;
}
 
/* LAYOUT */
#header{
   background:#333;
   height:40px;
   border-bottom:1px solid #000;
   color:#fff;
   padding:30px 50px;
}
#content{
   min-height:300px;
   padding:20px 10px;
   background-color:#FFF;
}
#footer{
   background-color:#333;
   height:30px;
   text-align:center;
   width:100%;
   color:#fff;
   padding-top:10px;
   font-size:12px;
}
 
/* ELEMENT */
#header h2{
   font-size:30px;
   margin:0px;
}
#content a:link {
   color: #0066cc;
   text-decoration:none;
}
#content a:active,
#content a:hover {
   color: #59BAFF;
}
.title{
   font-size:30px;
   border-bottom:1px solid #333;
   margin-bottom:15px;
   font-family: "neue_sans_bold",Trebuchet,"Trebuchet MS",Helvetica,sans-serif;
}
#header-bar{
   border-bottom:1px solid #333;
   text-align:right;
}
#sidebar-menu{
   float:left;
   background-color:#eee;
   width:25%;
   min-height:200px;
}
#sidebar-menu ul.menu{
   list-style:none;
   margin:0px;
   padding:0px;
}
ul.menu li{
   background-color:#515151;
   border-bottom:2px solid #9C9C9C;
   padding:5px 20px 5px 5px;
   text-align:right;
}
ul.menu li a:link,ul.menu li a:visited{
   color:#FFF!important;
}
ul.menu li a:hover,ul.menu li:hover a{
   color:#333!important;
}
ul.menu li:hover{
   background-color:#EFEFEF;
}
#main-content{
   float:left;
   width:70%;
   padding:10px;
}
/* TABEL */
#content table.data{
   border-collapse:collapse;
}
#content table.data tr th{
   border:1px solid #AEAEAE;
   border-bottom:2px solid #333;
   padding:5px 4px;
}
#content table.data tr td{
   padding:3px 4px;
   border:1px solid #aeaeae;
}